<div class="">
    <!--header-bottom-->
    <div class="container-fluid" style="height:10px;">
        <div class="container">
            <div class="row">
                <nav class="navbar navbar-expand-lg nav-light" style="width:100%;min-height: 100%;">
                    <div class="col-lg-3" id="left-side">
                        <div class="nav col-lg-12 flex-column p-0 left-nav-b">
                            <!--主分类-->
                            @foreach ($categorys as $k=>$category)
                            <li class="nav-item js_toggle" style="position: relative;">
                                <a class="nav-link" href="#">
                                    {{$category['name']}}
                                    <i class="float-right fa fa-angle-right">
                                    </i>
                                </a>
                                @if(isset($category['child']))
                                <div class="menu-item menu-in">
                                    <div class="area-bg col-lg-12">
                                        @foreach($category['child'] as $k1=>$v1)
                                        <dl class=" card m-0 p-0 col-12" style="border:none;background: none">
                                            <dt class=" card-title col-lg-12 m-0 p-0 float-left">
                                                <a class="nav-link text-danger" href="{{route('pcate',$v1['slug'])}}" style="background: none">
                                                    {{$v1['name']}}
                                                </a>
                                            </dt>
                                            <dd class="nav-ls">
                                                @if(isset($v1['child']))
							    			  		@foreach($v1['child'] as $tow_item)
		                                                <a class="nav-link float-left" href="{{route('pcate',$tow_item['slug'])}}">
		                                                    {{$tow_item['name']}}
		                                                </a>
	                                                @endforeach
						    			  		@endif
                                            </dd>
                                        </dl>
                                        @endforeach
                                    </div>
                                </div>
                                @endif
                            </li>
                            @endforeach
                        </div>
                    </div>
                    <div class="clearfix">
                    </div>
                </nav>
                <script type="text/javascript">
                    $(document).ready(function(){
													   
								$("#left-side .js_toggle").Jdropdown({
									delay: 100
								});		
								
							});
                </script>
            </div>
        </div>
    </div>
</div>